<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <form action="">
        <p>
            <label for="username">用&nbsp;户&nbsp;名：</label>
            <input type="text" placeholder="用户名设置成功后不可修改" 
            id="username"> 6-30位字母、数字或"_",字母开头
        </p>
        <p>
            <label for="userpassword">登录密码：</label>
            <input type="password" placeholder="6-20位字母、数字或符号" 
            id="userpassword"> 
            <img src="./密码安全横杠.jpg">
        </p>
        <p>
            <label for="userpassword1">确认密码：</label>
            <input type="password" placeholder="再次输入您的登录密码" 
            id="userpassword1">
        </p>
        <p>
            <label for="zjlx">证件类型：</label>
            <select id="zjlx">
                <option selected>中国居民身份证</option>
                <option>港澳台居民居住证</option>
                <option>港澳居民来往内地通行证</option>
                <option>台湾居民来往大陆通行证</option>
                <option>护照</option>
                <option>外国人永久居留身份证</option>
            </select>
            证件填写规则
        </p>
        <p>
            <label for="xingming">姓&nbsp;名：</label>
            <input type="text" placeholder="请输入证件上的中文姓名" 
            id="xingming"> 姓名填写规则 （用于身份核验，请正确填写）
        </p>
        <p>
            <label for="zjnumber">证件号码：</label>
            <input type="number" placeholder="请输入您的证件号码" 
            id="zjnumber"> （用于身份核验，请正确填写）
        </p>
        <p>
            <label for="zjdeadline">证件有效期截止时间：</label>
            <input type="date"  
            id="zjdeadline"> （用于身份核验，请正确填写）
        </p>
        <p>
            <label for="birthday">出生日期：</label>
            <input type="date"  
            id="birthday"> （用于身份核验，请正确填写）
        </p>
        <p>
            <label for="sex">性别：</label>
            <input type="radio" name="sex" id="boy" value="1">
            <label for="boy">男</label>
            <input type="radio" name="sex" id="girl" value="2">
            <label for="girl">女</label>
        </p>
        <p>
            <label for="yhlx">优惠（待）类型：</label>
            <select id="yhlx">
                <option selected>成人</option>
                <option>儿童</option>
                <option>学生</option>
                <option>残疾军人</option>
            </select>
        </p>
        <hr>
        <p>
            <label for="email">邮箱：</label>
            <input type="text" placeholder="请正确填写邮箱地址" 
            id="email">
        </p>
        <p>
            <label for="phonenumber">手机号码：</label>
            <select id="phonenumber">
                <option>+86&nbsp;中国</option>
                <option>+852&nbsp;中国香港</option>
                <option>+853&nbsp;中国澳门</option>
                <option>+886&nbsp;中国台湾</option>
            </select>
            <input type="number" placeholder="手机号码">
            请正确填写手机号码，稍后将向该手机发送短信验证码
        </p>
        <p>
            <input type="checkbox">
            <label for="">我已阅读并同意遵守</label>
            <a href="https://kyfw.12306.cn/otn/regist/rule" target="_blank">《中国铁路客户服务中心网站服务条款》</a>
            <a href="https://kyfw.12306.cn/otn/gonggao/privacyPolicy_web.html" target="_blank">《隐私权政策》</a>
        </p>
        <p>
            <input type="button" value="下一步">
        </p>
    </form>
</body>
</html>